#site-box { 
width :1024px ;
height:768px;
background-image: url('top-back.png');
background-position:left bottom; 
}






#b-box{position:absolute;
}

a.class1{
display:block;/*テキストをボックスにする*/
position:absolute;top:420px; right:0px; left:730px;
width:220px;/*ボックスの幅指定（画像に合わせる）*/
height:52px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url(p1.png);
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:17px;/*フォントサイズ*/
letter-spacing:1px;/*フォントの間隔*/
font-weight:800;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
font-family:Arial;
}
a.class1:hover{
background-image:url(p2.png);
color:black;/*リンクに触れたときの文字カラー*/}


a.class2{
display:block;/*テキストをボックスにする*/
position:absolute;top:472px; right:0px; left:730px;
width:220px;/*ボックスの幅指定（画像に合わせる）*/
height:52px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url(c1.png);
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:17px;/*フォントサイズ*/
letter-spacing:1px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
font-family:Arial;
}
a.class2:hover{
background-image:url(c2.png);
color:black;/*リンクに触れたときの文字カラー*/}




a.class3{
display:block;/*テキストをボックスにする*/
position:absolute;top:524px; right:0px; left:730px;
width:220px;/*ボックスの幅指定（画像に合わせる）*/
height:52px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url(w1.png);
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:17px;/*フォントサイズ*/
letter-spacing:1px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
font-family:Arial;
}
a.class3:hover{
background-image:url(w2.png);
color:black;/*リンクに触れたときの文字カラー*/}



a.class4{
display:block;/*テキストをボックスにする*/
position:absolute;top:576px; right:0px; left:730px;
width:220px;/*ボックスの幅指定（画像に合わせる）*/
height:52px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url(con1.png);
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:17px;/*フォントサイズ*/
letter-spacing:1px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
font-family:Arial;
}
a.class4:hover{
background-image:url(con2.png);
color:black;/*リンクに触れたときの文字カラー*/}



a.class5{
display:block;/*テキストをボックスにする*/
position:absolute;top:628px; right:0px; left:730px;
width:220px;/*ボックスの幅指定（画像に合わせる）*/
height:52px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url(other.png);
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:17px;/*フォントサイズ*/
letter-spacing:1px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
font-family:Arial;
}
a.class5:hover{
background-image:url(other2.png);
color:black;/*リンクに触れたときの文字カラー*/}



a.class6{
display:block;/*テキストをボックスにする*/
position:absolute;top:680px; right:0px; left:730px;
width:220px;/*ボックスの幅指定（画像に合わせる）*/
height:52px;/*ボックスの高さ指定（画像に合わせる）*/
background-image:url(l1.png);
background-position:right;/*画像表示位置*/
background-repeat:no-repeat;/*リピートなし指定*/
color:black;/*フォントカラー*/
font-size:17px;/*フォントサイズ*/
letter-spacing:1px;/*フォントの間隔*/
font-weight:900;/*太字指定*/
text-decoration:none;/*ライン指定*/
padding-top:30px; padding-right:20px;/*文字の表示位置の細かい指定*/
text-align:right;/*文字真ん中表示指定*/
font-family:Arial;
}
a.class6:hover{
background-image:url(l2.png);
color:black;/*リンクに触れたときの文字カラー*/}

#c-box{position:absolute;
top:700px;left:10px;
color:white;}

a.back{
color:white;
text-decoration:none;
font-family:Arial;
}
a.back:hover{
color:#40E0D0;
text-decoration:underline;
}